<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
</head>
<body>
<wicket:extend>

					<div class="es-subPanel">
                    	<div class="es-homeSubmenuBanner"><h2>Assignments</h2></div>
                        <div class="es-assnCont">
                        	<!-- Type of Assignments -->
                            <div wicket:id="viewChoicePlaceholder">View choices go here!</div>
                            <!-- Upper Half -->
                            <div class="es-assnUpper">
                            	<div class="es-assnStats">
                                	<div class="es-statHolder clearfix es-odd">
                                		<div class="es-statName">Total</div><div wicket:id="totalStat" class="es-statVal">273</div>
                                    </div>
                                    <div class="es-statHolder clearfix">
                                		<div class="es-statName">Open</div><div wicket:id="openStat" class="es-statVal">3</div>
                                    </div>
                                    <div class="es-statHolder clearfix es-odd">
                                		<div class="es-statName">Closed</div><div wicket:id="closedStat" class="es-statVal">1</div>
                                    </div>
                                    <div class="es-statHolder clearfix">
                                		<div class="es-statName">Draft</div><div wicket:id="draftStat" class="es-statVal">3</div>
                                    </div>
                                </div>
                                <div wicket:id="assnCreateBox" class="es-newAssnBox">
                                	<div id="assnCreate" style="background-color:#DEDDEF; padding:5px; cursor:pointer; width:150px; font-weight:bold;color:#666666;">Create a new assignment</div>
                                	<div class="es-newAssnForm" style="display:none;">
                                		<form wicket:id="courseSelectionForm">
                                			<div class="es-warn" wicket:id="warnNoCourse">No Active Course</div>
	                                    	<div style="padding:5px 0px;">
		                                            <select wicket:id="courseChoices" style="width:250px;">
		                                                <option>Casting, Forming, Welding</option>
		                                                <option>Industrial relation and personnel management</option>
		                                            </select>
	                                        </div>
	                                        <button type="submit" wicket:id="gotoAssnBtn" class="es-button ui-state-default ui-corner-all">Create New Assignment</button>
                                        </form>     
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Listing / Lower half -->
							<div wicket:id="assnListing">Assignment List Goes here!</div>
							<!-- Lower half ends -->
							
						</div>
                    </div>
                    
                    <wicket:fragment wicket:id="viewChoiceFrag">
						<div>
					   		<div style="padding:0px 5px; color:#666666;">Currently showing:&nbsp;<strong><span wicket:id="currentlyShowing">Assignments created by you.</span></strong></div>
					       	<div class="assnTypeSel clearfix">
					       		<form wicket:id="choiceForm">
					           		<div class="es-assnType"><a href="#" wicket:id="assnToMe">Assigned to Me</a></div>
					           		<div class="es-assnType es-assnTypSel"><a href="#" wicket:id="assnByMe">Assigned By Me</a></div>
					           	</form>
					       	</div>
					   </div>
					</wicket:fragment>
</wicket:extend>
</body>
</html>